<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Page for Table</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- jQuery -->
    <script src="//cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>

    <!-- bootstrap -->
    <link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha/css/bootstrap.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>


    <!-- flat-UI -->
    <link href="//cdn.bootcss.com/flat-ui/2.3.0/css/flat-ui.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/flat-ui/2.3.0/js/flat-ui.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <h2 class="text-center">CCCC比赛</h2>
        </div>
    </div>
    <!-- start for table -->
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <table class="table table-bordered">
                <thead>
                <!-- empty -->
                </thead>
                <tbody>
                    <!-- first row-->
                    <tr>
                        <td >学校</td>
                        <td ></td>
                    </tr>
                    <tr>
                        <td >队伍信息</td>
                        <td ></td>
                    </tr>
                    <tr>
                        <td >教练</td>
                        <td ></td>
                    </tr>
                    <tr>
                        <td>队长姓名</td>
                        <td>队长邮箱</td>
                    </tr>
                    <!-- empty for capatical -->
                    <tr>
                        <td>Test User</td>
                        <td>test@test.com</td>
                    </tr>
                    <!-- end for capatical -->
                    <tr>
                        <td>队员姓名</td>
                        <td>队员邮箱</td>
                    </tr>
                    <!-- if you want to add more row ,just copy the following-->

                    <!-- new row-->
                    <tr>
                        <td>Test user</td>
                        <td>test@test.com</td>
                    </tr>
                    <!-- end new row-->

                </tbody>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <table class="table table-bordered">
                <thead>
                <!-- empty -->
                    <tr>
                        <th >奖项</th>
                        <th >获奖队伍</th>
                        <th >获奖赛事</th>
                        <th >获奖时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Test</td>
                        <td>Test</td>
                        <td>Test</td>
                        <td>Test</td>
                    </tr>

                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>